<app-load *ngIf="isLoading"></app-load>
<app-tip [type]="'error'"></app-tip>
<div id="container" style="height: 100%">
  <div class="logo">
    <img src="../assets/images/logo.png" alt="">
  </div>
  <div class="form">
    <div class="control flex">
      <div class="left">
        <i class="fa fa-user-circle" aria-hidden="true" style="font-size: 1.8em;margin-top: 0.4em"></i>
      </div>
      <div class="right">
        <input type="mobile" maxlength="11" placeholder="请输入手机号" [(ngModel)]="login.mobile">
      </div>
    </div>
    <div style="border-bottom: 1px solid #eee">&nbsp;</div>
    <div class="control flex" style="margin-top: 1em;">
      <div class="left"><i class="fa fa-unlock-alt" aria-hidden="true" style="font-size: 2.1em;margin-top: 0.2em" ></i></div>
      <div class="right">
        <input type="password" placeholder="请输入密码" [(ngModel)]="login.login_pwd">
      </div>
    </div>
    <div style="border-bottom: 1px solid #eee">&nbsp;</div>
    <div class="forget-pwd" style="margin-top: 1em;" [routerLink]="['/forgot-pwd-step1']">
      <span><i class="fa fa-question-circle"></i> 忘记密码</span>
    </div>
    <div class="button">
      <div class="btn-submit" (click)="submitLogin()">登录</div>
    </div>
  </div>
  <div class="bottom" style="text-align: center;" [ngStyle]="{'margin-top.px': bottomMarginTop}">
    <div class="name-cn" style="height: 2em;line-height: 2em;color: #999">兰州东良恒州网络科技有限责任公司</div>
    <div class="name-en" style="height: 2em;line-height: 2em;color: #999">Helena Network Technology LLC.</div>
  </div>
</div>

